<!DOCTYPE html>
<html>
  <head>
  	<title>Home Page</title>
  	<meta name="viewport" content="width=device-width">    
  	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  	<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css">
  	<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
	 <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->
     <link rel="stylesheet" type="text/css" href="css/mystyle.css">
     <link rel="stylesheet" type="text/css" href="css/experiment.css">
  </head>
  <body>

   <!--  <div class="navbar navbar-inverse navbar-fixed-top">      
        <div class="container"> 
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Telegraph</a>
          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav pull-right">
              <li class="active"><a href="home.html">Home </a></li>
              <li><a href="aboutus.html">About us </a></li>
              <li><a href="contactus.html">Contact us </a></li>
              <li><a href="blog.html">Blog </a></li>
            </ul>
          </div>
      
      </div>
    </div> -->
<div class="navbar navbar-inverse">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Project name</a>
          </div>
          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li class="dropdown-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
  <!-- 	<div class="navbar navbar-inverse navbar-fixed-top">
  		<div class="container">
  			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
  			<a class="navbar-brand">My Project</a>
  			<div class="navbar-collapse collapse">
  			<ul class="nav navbar-nav top-menu">
	  			<li><a href="aboutus.html">About Us</a></li>
	  			<li><a href="blog.html">Blog</a></li>
	  			<li><a href="contactus.html">Contact Us</a></li>
  			</ul>
  			</div>
  		</div>
  	</div>
 -->
  	<div class="sub-header">
  		<h1>
  			First BootStrap Project  
  		</h1>
  		<p>
  			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
  		</p>
  		<p>
  			<a href="#" class="btn btn-primary">Learn More..</a>
  		</p>
  	</div>
  	<div class="container">
  		<div class="row">
  			<div class="col-md-4">
  				<h4>
  					Lorem ipsum
  				</h4>
  				<p>
  					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
  				</p>
  				<p>
  					<button class="btn btn-default">More.</button>
  				</p>
  			</div>
  			<div class="col-md-4">
  				<h4>
  					Lorem ipsum
  				</h4>
  				<p>
  					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
  				</p>
  				<p>
  					<button class="btn btn-default">More.</button>
  				</p>
  			</div>
  			<div class="col-md-4">
  				<h4>
  					Lorem ipsum
  				</h4>
  				<p>
  					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
  				</p>
  				<p>
  					<button class="btn btn-default">More.</button>
  				</p>
  			</div>
  		</div>
  	</div>
  	<div class="container">
  		<div class="row">
  			<div class="col-md-8 well">
  				<h3>
  					Lorem Ipsum
  				</h3>
  				<p class="columns">
  					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  				</p>
  			</div>
  			<div class="col-md-4">
  				<div class="panel panel-primary">
	  				<div class="panel-heading">
		  				<h4 class="panel-title">
		  					Lorem Ipsum
		  				</h4>

	  				</div>
		  			<p class="panel-body">
		  					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		  					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		  					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                <ul class="mylist">
                  <li>Home</li>
                  <li>Home</li>
                  <li>Home</li>
                  <li>Home</li>
                  <li>Home</li>
                </ul>
		  			</p>
  				</div>
  			</div>
  		</div>
  	</div>
  	<div class="navbar navbar-inverse footer-links">
  		<ul class="nav navbar-nav">
  			<li><a href="aboutus.html">About Us</a></li>
  			<li><a href="blog.html">Blog</a></li>
  			<li><a href="contactus.html">Contact Us</a></li>
  		</ul>
  	</div>
    <div class="social-fb"></div><div class="social-gp"></div><div class="social-ldin"></div><div class="social-tt"></div>
  	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  	<script type="text/javascript" src="js/bootstrap.min.js"></script>
  </body>
  </html>